﻿<!DOCTYPE>
<html>
<head>
    <meta charset="utf-8" />
    <title>My ToDoList</title>
    <link href="../Css/index.css" rel="stylesheet" />
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" crossorigin="anonymous">
</head>
<body class="t">
    <div class="inputList">
        <div class="t1">
            <span class="t2">ToDoList</span>
            <input class="t8" type="text" id="string" onkeydown='if(event.keyCode==13){addToDo();}'
                   placeholder="输入ToDo" aria-describedby="basic-addon1">
        </div>
    </div>

    <div>
        <h2 class="t4">正在进行<span id="todocount">0</span></h2>
        <div class="t5" id="todoList"></div>
        <h2 class="t4">已经完成<span id="donecount">0</span></h2>
        <div class="t5" id="doneList"></div>
    </div>

    <div class="t3">
        <sapn type="button" style="cursor:pointer" onclick="clearData()">clear</span>
    </div>
    <script src="../js/jquery-1.9.1.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" crossorigin="anonymous"></script>
    <script src="../js/index.js"></script>
</body>
</html>